// 运行时的Dom操作方式 将其抽离出来的原因是 Vue3可以自定义渲染器
// 即可以将方法重写 createApp().createRenderer
export const nodeOps={
  //插入
  /* 子节点 父节点 参照节点 */
  insert(children,parent,achor){
    /* 如果有参照物 */
    if (achor) {
      parent.insertBefore(children,achor)
    }else{
      parent.appendChild(children)
    }
  },
  // 移除
  remove(children){
    const parent=children.parentNode
    parent && parent.removeChild(children)
  },
  createElement(tag){
    return document.createElement(tag)
  },
  hostSetElement(node){ //设置元素文本
    node.textContent=this
  },
  hostSetEvent(el,key,value){
    
  }
}